.btn-border{
	border-width:1px;
	border-style:solid;
}

a.btn:hover{
	text-decoration:none;
}
.btn{ 
	display: inline-block;
	span{
		display:block; 
		height:32px;
		padding:0 10px; 
		min-width:80px;
		width:auto !important;
		_width:80px;
		white-space:nowrap;
		text-align:center; 
		line-height:32px; 
		font-size:14px; 
		color:#fff; 
		font-weight:bold;
		cursor:pointer;
	}
}
.btn-primary {
	@extend .btn-border;
	border-color:#1159A4;
	span{
		@extend .btn-border;
		border-color:#649ED9; 
		background:url(./../img/btn-bg-collection.png) 0 0 repeat-x;
	}
}
.red .btn-primary{
	@extend .btn-border;
	@extend .border-radius-3;
	border-color:#8d0407;
	span{
		@extend .btn-border;
		border-color: #af1916;
  		color: #fff;
		background:url(./../img/red/btn-bg-collection.png) 0 0 repeat-x;
	}
}
a.btn-primary:hover{
	border-color:#1364B8;
	span{
		border-color:#6BADF0; 
		background:url(./../img/btn-bg-collection.png) 0 -35px repeat-x;
	}
}
.red a.btn-primary:hover{
	border-color:#8d0407;
	span{
		border-color:#af1916; 
		color: #fff;
		background:url(./../img/red/btn-bg-collection.png) 0 -35px repeat-x;
	}
}
a.btn-primary:active{
	border-color:#1159A4;
	span{
		border-color:#417FBE; 
		background:url(./../img/btn-bg-collection.png) 0 -70px repeat-x;
	}
}
.red .btn-primary:active{
	border-color:#8d0407;
	span{
		border-color:#971d17; 
		background:url(./../img/red/btn-bg-collection.png) 0 -70px repeat-x;
	}
}
a.btn-disabled{
	@extend .btn-border;
	border-color:#949494;
	span{
		@extend .btn-border;
		border-color:#AAAAAA; 
		background:url(./../img/btn-bg-collection.png) 0 -105px repeat-x;
		cursor:default;
	}
}

.red a.btn-disabled{
	@extend .btn-border;
	@extend .border-radius-3;
	border-color:#dfe7ed;
	span{
		@extend .btn-border;
		border-color:#fefefe;
		color: #ccceda;
		background:url(./../img/red/btn-bg-collection.png) 0 -105px repeat-x;
		cursor:default;
	}
}

a.btn-secondary {
	@extend .btn-border;
	border-color:#A7C9EB;
	span{
		@extend .btn-border;
		border-color:#DDEAF5;
		color:#2A71BC;
		background:url(./../img/btn-bg-collection.png) 0 -140px repeat-x;
	}
}
.red a.btn-secondary {
	@extend .btn-border;
	@extend .border-radius-3;
	border-color:#bfcfdc;
	span{
		@extend .btn-border;
		border-color:#fefefe;
		color:#7d84a2;
		background:url(./../img/red/btn-bg-collection.png) 0 -140px repeat-x;
	}
}
a.btn-secondary:hover {
	border-color:#A7C9EB;
	span{
		border-color:#DEEAF6;
		color:#2A71BC;
		background:url(./../img/btn-bg-collection.png) 0 -175px repeat-x;
	}
}
.red a.btn-secondary:hover {
	border-color:#bfcfdc;
	span{
		border-color:#fefefe;
		color:#7d84a2;
		background:url(./../img/red/btn-bg-collection.png) 0 -175px repeat-x;
	}
}
a.btn-secondary:active {
	border-color:#A7C9EB;
	span{
		border-color:#CBDDEE;
		color:#2A71BC;
		background:url(./../img/btn-bg-collection.png) 0 -210px repeat-x;
	}
}
.red .btn-secondary:active {
	border-color:#bfcfdc;
	span{
		border-color:#e5e6e8;
		color:#2A71BC;
		background:url(./../img/red/btn-bg-collection.png) 0 -210px repeat-x;
	}
}

.toggle{display: inline-block; width: 70px; height: 23px; color: #fff; font-size: 0; *word-spacing:-1px; overflow: hidden;}
.red .toggle{@extend .border-radius-3;}
.toggle .on{display: inline-block; *display: inline; zoom:1; width: 33px; height: 22px; line-height: 22px; 
	border: 1px solid #2C66A2; background-color: #347AC3; font-size: 12px; letter-spacing:normal; word-spacing:normal; 
	vertical-align:middle; font-weight: bold; text-align:center;}
.red .toggle .on{border: 1px solid #475060; background-color: #576173; color: #fff;}
.toggle .off{display: inline-block; width: 33px; height: 22px; line-height: 22px; border: 1px solid #938F8F;
	background-color: #A29F9F; font-size: 12px; letter-spacing:normal; word-spacing:normal; vertical-align:middle;
	font-weight: bold; text-align:center;}
.red .toggle .off{color: #fff;}
.toggle .btn{display: inline-block; position: relative; top: -24px; margin-left: 35px; width: 35px; height: 23px;
	background: url(./../img/toggle-btn.png);}
.red .toggle .btn{background: url(./../img/red/toggle-btn.png); @extend .border-radius-3; }
.toggle:hover .btn{background: url(./../img/toggle-btn.png) 0 -23px no-repeat;}
.red .toggle:hover .btn{background: url(./../img/red/toggle-btn.png) 0 -23px no-repeat;}
.toggle:hover{ text-decoration: none;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.toggle .on, .toggle .off{
		letter-spacing:-2px;
		line-height: 20px;
	}
}